// 进度条
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
// NProgress.start() 开启进度条
//  NProgress.done() 关闭进度条
// 全局前置守卫

// 引入路由
import router, { asyncRoutes } from '@/router'
import store from '@/store'

// const token = store.state.user.token
// console.log(token)
import getPageTitle from '@/utils/get-page-title'
router.beforeEach(async(to, from, next) => {
  // 要将 token 放在 beforeEach 内 要不然只执行一次
  const token = store.state.user.token
  // 开启进度条
  NProgress.start()
  // 修改头目
  // console.log(to.meta.title, 'to')
  // document.title = `人力资源管理系统-${to.meta.title}`
  document.title = getPageTitle(to.meta.title)
  // 版本优化
  const whiteList = ['/login', '/404']
  if (token) {
    // console.log(token)
    // 已经登录了
    if (to.path === '/login') {
      // console.log('已经登录了，无需再次登录，去到首页')
      next('/')
      // 关闭进度条
      NProgress.done()
    } else {
      // console.log('去其他的页面，放行')
      // 2. 触发actions中的函数 ， 发送请求用户的信息
      // 判断用户是否已经获取了信息 ，如果已经获取了就不用在获取了
      // 主要是判断 vuex 内有没有 用户的id 如果没有就发送请求
      if (!store.state.user.userInfo.userId) {
        const mens = await store.dispatch('user/getUserIofo')
        // console.log(mens, '用户获取信息')
        // console.log(asyncRoutes, 'asyncRoutes')
        const filterRoutes = asyncRoutes.filter(router => {
          // console.log(router.children[0])
          return mens.includes(router.children[0].name)
        })
        // router
        console.log(filterRoutes, 'filterRoutes')
        filterRoutes.push({ path: '*', redirect: '/404', hidden: true })
        router.addRoutes(filterRoutes)
        // store.commit('模块名/函数', filterRoutes);
        store.commit('menus/steMenus', filterRoutes)

        // 使用next({....to,replace:true}) 来确保 addRoutes()时的动态路由已经完全加载上去了
        next({ ...to, replace: true })
      } else {
        next()
      }
    }
  } else {
    // console.log(1)
    // console.log(token)
    if (whiteList.includes(to.path)) {
      next()
    } else {
      next('/login')
    }
  }
})

router.afterEach(() => {
  // console.log('页面跳转完成')
  // 关闭进度条
  NProgress.done()
})
